window.onload=function(){
	imglist=document.getElementsByTagName('img');
	banner=document.getElementById('banner');
	click_list=document.getElementsByTagName('li');

num=0;
function run(){
	for(var x=0; x<imglist.length; x++){
		imglist[x].style.display="none";
		click_list[x].style.background="#577089";
	}
	imglist[num].style.display="block";
	click_list[num].style.background="#fff";

	 if(num==imglist.length-1){
 		num=0;
	}else{
		num++;
	}
}
	time = setInterval(run, 1000);

	banner.onmouseover=function(){
		clearInterval(time);
	}
	banner.onmouseout=function(){
		time = setInterval(run, 1000);
		
	}
	for(var i=0;i<click_list.length;i++){
		add_cilck(i);
	};
	function add_cilck(xy){
		// alert(xy);
		click_list[xy].onclick=function(){
			num=xy;
			run();
		}
	}
	
}